<template>
    <view class="globe_back">
        <view style="height: 16px"></view>
        <view class="back_fff tx flex justify_content_between">
            <view class="f_28 txTitle">店铺头像</view>
            <view>
                <image class="txImg" src="@/static/imgs/img.png" mode="widthFix"></image>
            </view>
        </view>
        <view>
            <view class="back_fff br_16 p_32 m_16">
                <!-- 店铺名称 -->
                <view class="flex">
                    <view class="from-title-box title">
                        <text class="f_28 cl_333A47">店铺名称</text>
                    </view>
                    <view class="f_28">同路仁官方店铺</view>
                </view>
                <!-- 联系电话 -->
                <view class="flex mt_24">
                    <view class="from-title-box title">
                        <text class="f_28 cl_333A47">联系电话</text>
                    </view>
                    <view class="flex_1 f_28">151****2155</view>
                </view>
                <!-- 入驻类型 -->
                <u-picker :show="show" :columns="columns" keyName="title" @cancel="cancel" @confirm="confirm"></u-picker>
                <view class="flex mt_24">
                    <view class="from-title-box title">
                        <text class="f_28 cl_333A47">入驻类型</text>
                    </view>
                    <view class="flex" style="width: 80%">
                        <view class="f_28">加盟商家</view>
                    </view>
                </view>
                <!-- 店铺地址 -->
                <view class="flex mt_24">
                    <view class="from-title-box title">
                        <text class="f_28 cl_333A47">店铺地址</text>
                    </view>
                    <view class="flex" style="width: 80%">
                        <view class="f_28">贵州省贵阳市南明区花果园金融街1号1824</view>
                    </view>
                </view>
            </view>

            <!-- 营业执照 -->
            <view class="back_fff br_16 p_32 m_16 mt_32">
                <view class="from-title-box title">
                    <text class="f_28 cl_333A47">营业执照</text>
                </view>
                <view style="background: #f7faff; padding: 32rpx 56rpx; margin-top: 24rpx">
                    <image style="width: 100%" src="@/static/imgs/yyzz.png" mode="widthFix"></image>
                </view>
            </view>
            <!-- 身份证 -->
            <view class="back_fff br_16 p_32 m_16 mt_32">
                <view class="from-title-box title">
                    <text class="f_28 cl_333A47">身份证</text>
                </view>
                <view style="background: #f7faff; padding: 32rpx 56rpx; margin-top: 24rpx">
                    <image style="width: 100%" src="@/static/imgs/sfz.png" mode="widthFix"></image>
                </view>
                <view style="background: #f7faff; padding: 32rpx 56rpx; margin-top: 24rpx">
                    <image style="width: 100%" src="@/static/imgs/sfz.png" mode="widthFix"></image>
                </view>
            </view>
        </view>
        <view style="height: 20px"></view>
    </view>
</template>

<script>
import { upload, merchantApply, merchantCategory, merchantApplyInfo, merchantApplyUpdate } from '@/api';
export default {
    data() {
        return {
            url: ''
        };
    },
    onLoad() {},
    onShow() {
        this.url = this.baseUrl + this.imgPath;
    },
    methods: {}
};
</script>

<style scoped lang="scss">
.m_16 {
    margin: 0 16px 16px 16px;
}

.title {
    width: 148rpx;
}

.Input {
    width: 70%;
}
.tx {
    border-radius: 24rpx;
    margin: 32rpx;
    padding: 24rpx;
}
.txTitle {
    line-height: 68rpx;
}
.txImg {
    width: 64rpx;
    height: 64rpx;
    border-radius: 50%;
}
.addBtn {
    width: 686rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    margin: 24px auto;
}

.typeImg {
    width: 400rpx;
    height: 320rpx;
    margin: 50% auto 20px;
    display: block;
}

.typeText {
    text-align: center;
    margin: 0 auto;
    display: block;
}
</style>
